*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
<<<<<<< HEAD
$width:100vw;
$height:100vh;
$boxBackground:#222222;
$fontSize:80px;
$fontDirection:180deg;
$color1:white;
$color2:#111111;
body{
	background-color: whitesmoke;
	.box_background{
		background-color: $boxBackground;
		width: $width;
		height: $height;
		background-image: radial-gradient(ellipse at bottom, #121212 0%, #090a0f 100%);
		.box_title{
			position: absolute;
			font-size: $fontSize;
			background: linear-gradient($fontDirection,$color1,$color2);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-weight: bold;
			top: 50%;
			margin-top: -53px;
			left: 50%;
			margin-left: -160px;
			letter-spacing: 20px;
		}
	}
}

@function getShadows($n){
	$shadows: '#{random($limit: 10000) / 100}vw #{random($limit: 10000) / 100}vh rgba(255,255,255,#{random($limit: 10) / 10})';
	@for $i from 2 through $n {
		$shadows: '#{$shadows},#{random($limit: 10000) / 100}vw #{random($limit: 10000) / 100}vh rgba(255,255,255,#{random($limit: 10) / 10})';
	}
	@return unquote($shadows);
}

$duration: 200s;
$count: 1000;
@for $i from 1 through 5{
	$duration:floor($duration / $i);
	$count:floor($count / $i);
	.layer#{$i}{
		position: fixed;
		$size:#{$i * 2}px;
		width: $size;
		height: $size;
		border-radius: 50%;
		background: orangered;
		box-shadow: getShadows($count);
		animation: moveup $duration linear infinite;
		&::after{
			content: '';
			position: fixed;
			width: inherit;
			height: inherit;
			left: 0;
			top: 100vh;
			box-shadow: inherit;
			border-radius: inherit;
		}
	}
}

@keyframes moveup{
	100%{
		transform: translateY(-100vh);
	}
}
=======
$width:1920px;
$height:1090px;
$fontSize:80px;
$fontDirection:180deg;
$color1:white;
$color2:royalblue;
$background:#222222;
body{
	width: $width;
	height: $height;
	.box_background{
		background-color: $background;
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		.box_title{
			background: linear-gradient($fontDirection,$color1,$color2);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-size: $fontSize;
			font-weight: bold;
		}
	}
}
>>>>>>> 2d73b1f2674b3b0e68db8ced9ed02debf00e4fa4
